<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>01.custom-filter</title>
        <script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.12/vue.js"></script>
        <script src="https://cdn.bootcdn.net/ajax/libs/moment.js/1.0.0/moment.js"></script>
    </head>

    <body>
        <div id="app">
            <p>{{ timeNow | formaTime('YYYY-MM-DD') | formaTimeToTimeStamp | localTimeFormat }}</p>
        </div>
        <script type="text/javascript">
            // TODO:注册全局过滤器
            Vue.filter('formatTime',function(value,formatString) {
                return moment(value).format(formatString);
            });
            Vue.filter('formatTimeToTimeStamp',function(value) {
                return moment(value).format(formatString);
            });
            Vue.filter('formatTimeToTimeStamp',function(value) {
                return moment(value).valueOf();
            })
            new Vue({
                el: '#app',
                data() {
                    return {
                        timeNow: Date.now(), // 1970年1月1日 0时0分0秒  到现在的毫秒数
                    };
                },
                methods: {
                    formatTime(date) {
                        return moment(data).format('YYYY-MM-DD HH:mm:ss');
                    },
                },
            });
        </script>
    </body>
</html>
